<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML常见标签</title>
</head>
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <p>段落</p>
    <p>段落 <b>字体加粗</b> <i>倾斜</i> <u>下划线</u> <s>删除线</s></p>

    <!-- br 换行标签 -->
    <br>

    <p>无序列表：</p>
    <ul>
        <li>无序列表元素 1</li>
        <li>无序列表元素 2</li>
        <li>无序列表元素 3</li>
    </ul>
    <p>有序列表：</p>
    <ol>
        <li>有序列表元素 1</li>
        <li>有序列表元素 2</li>
        <li>有序列表元素 3</li>
    </ol>

    <br>

    <p>表格标签：</p>
    <p>table：表格</p>
    <p>tr: table row 表格行</p>
    <p>th: table header 表格列标题</p>
    <p>td: table data 表格元素</p>
    <table>
        <tr>
            <th>列标题 1</th>
            <th>列标题 2</th>
            <th>列标题 3</th>
        </tr>
        <tr>
            <td>列元素 1 1</td>
            <td>列元素 1 2</td>
            <td>列元素 1 3</td>
        </tr>
        <tr>
            <td>列元素 2 1</td>
            <td>列元素 2 2</td>
            <td>列元素 2 3</td>
        </tr>
        <tr>
            <td>列元素 3 1</td>
            <td>列元素 3 2</td>
            <td>列元素 3 3</td>
        </tr>
    </table>
    <p>带有边框的表格：</p>
    <!-- border为属性，数值为边框粗细 -->
    <table border="1">
        <tr>
            <th>列标题 1</th>
            <th>列标题 2</th>
            <th>列标题 3</th>
        </tr>
        <tr>
            <td>列元素 1 1</td>
            <td>列元素 1 2</td>
            <td>列元素 1 3</td>
        </tr>
        <tr>
            <td>列元素 2 1</td>
            <td>列元素 2 2</td>
            <td>列元素 2 3</td>
        </tr>
        <tr>
            <td>列元素 3 1</td>
            <td>列元素 3 2</td>
            <td>列元素 3 3</td>
        </tr>
    </table>
</body>
</html>